<!doctype html>
<html lang="en">
	<head>
		<!--  meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="css/bootstrap.css">
	</head>
	<body>
		<div class="mx-auto my-5 p-5 shadow" style="width: 800px;">
			<form>
				<div class="row">
					<div class="col">
						<div class="form-group">
							<label>文本框</label>
							<input type="text" class="form-control">
						</div>
					</div>
					<div class="col">
						<div class="form-group">
							<label>密码框</label>
							<input type="password" class="form-control">
						</div>
					</div>
					<div class="col">
						<div class="form-group">
							<label>下拉列表</label>
							<select class="form-control">
					
							</select>
						</div>
					</div>
				</div>
				<div class="row">
					
					<div class="col-4">
						<div class="form-group">
							<label>文件选择框</label>
							<input type="file" class="form-control-file">
						</div>
					</div>
					<div class="col">
						<div class="form-group">
							<label>范围选择框</label>
							<input type="range" class="form-control-range">
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col">
						<div class="form-group">
							<label>文本区</label>
							<textarea class="form-control"></textarea>
						</div>
					</div>
				</div>
			</form>
		</div>
	</body>
</html>
